/* m-loading */
.m-loading {
    position: fixed;
    z-index: 100;
    top: 40%;
    left: 50%;
    width: @loading-width;
    min-height: @loading-height;
    margin-left: @loading-margin-left;
    text-align: center;
    color: #fff;
    border-radius: 5PX;
    background: rgba(40, 40, 40, .85);
}

.m-loading-text {
    position: absolute;
    bottom: 14px;
    width: 100%;
    font-size: 12px;
    color: #eaeaea
}

.m-loading-icon {
    position: absolute;
    z-index: 1000;
    top: 18%;
    left: 50%;
    width: 34px;
    height: 34px;
    margin-left: -17px;

    // -webkit-animation: mloading 1s steps(12, end) infinite;
    // animation: mloading 1s steps(12, end) infinite;
    background: transparent url() no-repeat;
    // background: transparent url() no-repeat;
    background-size: 100%;
}

//- svg-loaders : http://samherbert.net/svg-loaders/
//- svg->base64 : http://www.atool.org/img2base64.php


// .m-loading-leafs{position:absolute;z-index:20000;top:35%;left:50%;width:0;}
// .m-loading-leaf{position:absolute;top:-1px;opacity:.25;
//     &:before{position:absolute;width:8.14px;height:3.08px;content:' ';transform-origin:left 50% 0;border-radius:1px;background:#d1d1d5;box-shadow:rgba(0,0,0,.0980392) 0 0 1px;}
// }
// .m-loading-leaf-0{animation:opacity-60-25-0-12 1.25s linear infinite;
//     &:before{transform:rotate(0) translate(7.92px,0);}
// }
// .m-loading-leaf-1{animation:opacity-60-25-1-12 1.25s linear infinite;
//     &:before{transform:rotate(30deg) translate(7.92px,0);}
// }
// .m-loading-leaf-2{animation:opacity-60-25-2-12 1.25s linear infinite;
//     &:before{transform:rotate(60deg) translate(7.92px,0);}
// }
// .m-loading-leaf-3{animation:opacity-60-25-3-12 1.25s linear infinite;
//     &:before{transform:rotate(90deg) translate(7.92px,0);}
// }
// .m-loading-leaf-4{animation:opacity-60-25-4-12 1.25s linear infinite;
//     &:before{transform:rotate(120deg) translate(7.92px,0);}
// }
// .m-loading-leaf-5{animation:opacity-60-25-5-12 1.25s linear infinite;
//     &:before{transform:rotate(150deg) translate(7.92px,0);}
// }
// .m-loading-leaf-6{animation:opacity-60-25-6-12 1.25s linear infinite;
//     &:before{transform:rotate(180deg) translate(7.92px,0);}
// }
// .m-loading-leaf-7{animation:opacity-60-25-7-12 1.25s linear infinite;
//     &:before{transform:rotate(210deg) translate(7.92px,0);}
// }
// .m-loading-leaf-8{animation:opacity-60-25-8-12 1.25s linear infinite;
//     &:before{transform:rotate(240deg) translate(7.92px,0);}
// }
// .m-loading-leaf-9{animation:opacity-60-25-9-12 1.25s linear infinite;
//     &:before{transform:rotate(270deg) translate(7.92px,0);}
// }
// .m-loading-leaf-10{animation:opacity-60-25-10-12 1.25s linear infinite;
//     &:before{transform:rotate(300deg) translate(7.92px,0);}
// }
// .m-loading-leaf-11{animation:opacity-60-25-11-12 1.25s linear infinite;
//     &:before{transform:rotate(330deg) translate(7.92px,0);}
// }
// @-webkit-keyframes opacity-60-25-0-12{
//     0%{opacity:.25;}
//     0.01%{opacity:.25;}
//     0.02%{opacity:1;}
//     60.01%{opacity:.25;}
//     100%{opacity:.25;}
// }
// @-webkit-keyframes opacity-60-25-1-12{
//     0%{opacity:.25;}
//     8.34333%{opacity:.25;}
//     8.35333%{opacity:1;}
//     68.3433%{opacity:.25;}
//     100%{opacity:.25;}
// }
// @-webkit-keyframes opacity-60-25-2-12{
//     0%{opacity:.25;}
//     16.6767%{opacity:.25;}
//     16.6867%{opacity:1;}
//     76.6767%{opacity:.25;}
//     100%{opacity:.25;}
// }
// @-webkit-keyframes opacity-60-25-3-12{
//     0%{opacity:.25;}
//     25.01%{opacity:.25;}
//     25.02%{opacity:1;}
//     85.01%{opacity:.25;}
//     100%{opacity:.25;}
// }
// @-webkit-keyframes opacity-60-25-4-12{
//     0%{opacity:.25;}
//     33.3433%{opacity:.25;}
//     33.3533%{opacity:1;}
//     93.3433%{opacity:.25;}
//     100%{opacity:.25;}
// }
// @-webkit-keyframes opacity-60-25-5-12{
//     0%{opacity:.270958333333333;}
//     41.6767%{opacity:.25;}
//     41.6867%{opacity:1;}
//     1.67667%{opacity:.25;}
//     100%{opacity:.270958333333333;}
// }
// @-webkit-keyframes opacity-60-25-6-12{
//     0%{opacity:.375125;}
//     50.01%{opacity:.25;}
//     50.02%{opacity:1;}
//     10.01%{opacity:.25;}
//     100%{opacity:.375125;}
// }
// @-webkit-keyframes opacity-60-25-7-12{
//     0%{opacity:.479291666666667;}
//     58.3433%{opacity:.25;}
//     58.3533%{opacity:1;}
//     18.3433%{opacity:.25;}
//     100%{opacity:.479291666666667;}
// }
// @-webkit-keyframes opacity-60-25-8-12{
//     0%{opacity:.583458333333333;}
//     66.6767%{opacity:.25;}
//     66.6867%{opacity:1;}
//     26.6767%{opacity:.25;}
//     100%{opacity:.583458333333333;}
// }
// @-webkit-keyframes opacity-60-25-9-12{
//     0%{opacity:.687625;}
//     75.01%{opacity:.25;}
//     75.02%{opacity:1;}
//     35.01%{opacity:.25;}
//     100%{opacity:.687625;}
// }
// @-webkit-keyframes opacity-60-25-10-12{
//     0%{opacity:.791791666666667;}
//     83.3433%{opacity:.25;}
//     83.3533%{opacity:1;}
//     43.3433%{opacity:.25;}
//     100%{opacity:.791791666666667;}
// }
// @-webkit-keyframes opacity-60-25-11-12{
//     0%{opacity:.895958333333333;}
//     91.6767%{opacity:.25;}
//     91.6867%{opacity:1;}
//     51.6767%{opacity:.25;}
//     100%{opacity:.895958333333333;}
// }